import React from "react";
import { allStore } from "../../../store/AllStore";
import { Card } from "antd";
import "./index.css";
import 公司位置 from "./公司位置.jpg";
import 阿里巴巴国际站 from "./阿里巴巴国际站.png";
import 材料 from "./材料.png";
export class ModuleOne extends React.Component {
  render() {
    return (
      <div
        id="moduleOne"
        className="mod-layout mod1-bg"
        style={{ textAlign: "center",height: "100vh",color:"#fff" }}
      >
        <div className="mod1-title">
          {allStore.isEnglish ? "Philosophy" : "经营理念"}
        </div>
        <div
          style={{
            width: "100%",
            display: "flex",
            flexDirection: "column",
            alignItems: "center",
            fontSize: 24,
            fontWeight: 500,
            
          }}
        >
          <div style={{ marginTop: 12 }}>
            {" "}
            {allStore.isEnglish
              ? "Front store and back factory, quality priority, win-win cooperation"
              : "前店后厂、品质优先、合作共赢"}
          </div>
        </div>

        <div className="mod1-content">
          <Card className="mod1-content-card" hoverable>
            <div style={{ height: 288 }}>
              <img style={{ height: "100%" }} src={公司位置} alt="暂无数据"></img>
            </div>
            <div
              className="mod1-card-body"
            >
              
              <div className="mod1-card-title">
                {allStore.isEnglish ? "Company Location" : "公司位置"}
              </div>
              {allStore.isEnglish
                ? "Room 706, Building 2, Financial Center, Intersection of Zhengyang Road and Qingnian Road, Zhoucun District, Zibo City, Shandong Province"
                : "山东省淄博市周村区正阳路与青年路交叉路口金融中心2号楼706室"}
            </div>
          </Card>
          <div style={{ width: 150 }}>{""}</div>
          <Card className="mod1-content-card" hoverable>
            <div style={{ height: 288 }}>
              <img style={{ height: "100%" }} src={材料} alt="暂无数据"></img>
            </div>
     
            <div
              className="mod1-card-body"
            >
              <div className="mod1-card-title">
                {allStore.isEnglish ? "Main Business" : "主营业务"}
              </div>
              {allStore.isEnglish
                ? "Refractory bricks, insulation bricks, ceramic fiber blankets, castables, round steel, special steel"
                : "耐火砖、保温砖、陶瓷纤维毯、浇注料、圆钢、特种钢铁"}
            </div>
          </Card>
          <div style={{ width: 150 }}>{""}</div>
          <Card className="mod1-content-card" hoverable>
            <div style={{ height: 288 }}>
              <img
                style={{ height: "100%",paddingBottom:16 }}
                src={阿里巴巴国际站}
                alt="暂无数据"
              ></img>
            </div>
            <div
              className="mod1-card-body"
            >
              <div className="mod1-card-title">
                {allStore.isEnglish ? "Sales Platform" : "销售平台"}
              </div>
              {allStore.isEnglish
                ? "Alibaba International Station"
                : "阿里巴巴国际站"} <a href="#1" onClick={()=>window.open("https://ylrefractory.en.alibaba.com/?spm=a2700.7756200.0.0.739371d2wcWfEy")}>{allStore.isEnglish?"Click to view":"点击查看"}</a>
            </div>
          </Card>
        </div>
      </div>
    );
  }
}
